<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--同级目录直接写图片名称-->
<img src="a.jpg">
<!--上级目录../图片名;上两级目录../../图片名-->
<img src="../b.jpg">
<!--下级目录 文件夹名/图片名称-->
<img src="abc/c.jpg">
<!--访问站外资源图片,使用绝对路径-->
<img src="https://img2.baidu.com/it/u=1876404330,3753885524&fm=253&fmt=auto&app=120&f=JPEG?w=612&h=435">
<!--alt 当图片不能显示时 显示的文本-->
<img src="aadd.jpg" alt="图片挂了">
<!--width图片宽度,如果只设置宽度,高度height会等比例伸缩-->
<!--title标题:鼠标放到图片上会显示的文字-->
<img src="d.png" title="运动鞋" width="20%">
</body>
</html>